$(function (){




    //渲染组下拉列表
    $.ajax({
        url:"/GetGroupServlet",
        type:'post',
        dataType:'json',
        async:true,
        success:function (data){
            let gList = data.result.group_id_list
            for(let i = 0; i<gList.length;i++){
                $("#pullDownGroup").append(`<option value="${gList[i]}">${gList[i]}</option>`)
            }
        }
    })





//上传文件框委托事件（预处理图片）
    $("#picFrame").click(e=>{
        $("#picFile").click().on('change',e=>{

            // $("#regForm").submit()


            const file = e.target.files[0]
            const fd = new FormData()
            fd.append('pic',file)
            $.ajax({
                url:"/PicFileServlet",
                type:'post',
                data:fd,
                processData: false, // 告诉jQuery不要去处理发送的数据
                contentType: false, // 告诉jQuery不要去设置Content-Type请求头

                success:function (res){
                    console.log(res)
                    $("#picFrame").css("background",`url(${res})`)
                    $("#picFrame").attr("data-imgPath",res)

                }
            })
        })
    })


//提交上传图片添加人脸
$("#subBtn").click(e=>{


    const file = $("#picFile")[0].files[0]
    const fd = new FormData()
    const fileName = $("#picFrame").attr("data-imgPath")
    const group = $("#pullDownGroup").val()
    const userId = $("#userId").val()

    fd.append('file',file)
    fd.append("fileName",fileName)
    fd.append("group",group)
    fd.append("userId",userId)
    console.log(file,fd)


    $.ajax({
        url:"/AddFaceServlet",
        type:'post',
        data:fd,
        processData: false, // 告诉jQuery不要去处理发送的数据
        contentType: false, // 告诉jQuery不要去设置Content-Type请求头

        success:function (res){

            console.log(res)


        }
    })


})









})
